// 一、rem自适应
function remSize () {

  // 1.5 /*获取设备的宽度  ||后为兼容IE低版本写法*/
  var deviceWidth = document.body.clientWidth || document.documentElement.clientWidth;
  if (deviceWidth >= 750) {
    deviceWidth = 750
  }
  if (deviceWidth <= 320) {
    deviceWidth = 320
  }

  // 1.1 举例
  // 设计稿是750px
  // 设置一半的宽度，那么就是375px
  // 1rem==100px的设计稿宽度
  // 表达一般的宽度就是3.75rem
  document.documentElement.style.fontSize = (deviceWidth / 7.5) + 'px'

  // 1.4 让body的字体不随rem自适应而变得过大
  document.body.style.fontSize = 0.5 + 'rem'
}

// 1.2 调用函数
remSize()

// 1.3 window.onresize当窗口发生变化时调用remSize函数
window.onresize = function () {
  remSize()
}